$(function () {
    //获取用于信息渲染欢迎和头像
    getUserInfo();
    //退出
    $("#logout").on('click', function () {
        layer.confirm('确认退出登录吗？', {icon: 3, title: '提示'}, function(index) {
            //销毁token，跳转页面
            localStorage.removeItem('token');
            location.href  = '/login.html';
            //自带的代码，关闭询问框
            layer.close(index);
        });
    })
});
function getUserInfo() {
    axios({
        method: 'GET',
        url: '/my/userinfo',
        //headers可以设置请求头
        // headers: {
        //     Authorization: localStorage.getItem('token') || ''
        // }
    }).then(function (res) {
        // console.log(res.data);
        if(res.data.status !== 0) {
            return layui.layer.msg(res.data.message);
        }
        //用户头像和欢迎信息函数调用
        renderAvatar(res.data.data);
        // console.log(res.data.data)
    })
};
//用户头像和欢迎信息函数的封装
function renderAvatar(user) {
    //渲染欢迎信息
    let name = user.nickname || user.username;
    $('.welcome').html('欢迎&nbsp;' + name);
    //渲染头像 - user_pic为null渲染头像文字
    if(user.user_pic !==  null) {
        //显示图片头像并渲染，隐藏文字头像
        $(".layui-nav-img").show().attr('src', user.user_pic);
        $(".avatar-text").hide()
    }else {
        //显示文字头像并渲染，隐藏图片头像
        $(".layui-nav-img").hide();
        let first = name[0].toUpperCase();
        $(".avatar-text").show().html(first);
        
    }
}
